<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.org/ui">
    <h:head>
        <f:facet name="first">
            <meta content='text/html; charset=UTF-8' http-equiv="Content-Type"/>
        </f:facet>

        <title><h:outputText value="#{message['general.cabecera.titulo.aplicacion']}"/></title>        

        <link type="text/css" rel="stylesheet" href="#{request.contextPath}/recursos/css/default.css" />
        <link type="text/css" rel="stylesheet" href="#{request.contextPath}/recursos/css/tema.css" />
        <link type="text/css" rel="stylesheet" href="#{request.contextPath}/recursos/css/cotelasa.css" />

        <script type="text/javascript" src="#{request.contextPath}/recursos/js/script.js" />
        <style>
            .tablaSinBorde tr, .tablaSinBorde td {
                border-style: hidden !important;
            }
            .ui-message-error{
                display: inline !important;
            }
        </style>
    </h:head>
    <h:body>
        <div id="divPasarela">
            <h:form id="formPasarela">
                <center>
                    <p:panel header="PASARELA" style="border: 1px solid rgb(197, 219, 236);width: 80%" >
                        <p:panelGrid  rendered="true" style="width:  100%">
                            <p:row>
                                <p:column colspan="3">
                                    <p><p:message  for="formPasarela" /></p>
                                </p:column>    
                            </p:row>    
                            <p:row>
                                <p:column>
                                    <h:outputText id="lblPasarelaUsuario" value="USUARIO: " styleClass="lblForm"  />
                                </p:column>
                                <p:column colspan="2">
                                    <h:outputText id="lblInfUsuario" value="#{BKSession.usuario.usuario}" styleClass="lblVer" />
                                </p:column>     
                            </p:row>

                            <p:row>
                                <p:column>
                                    <h:outputText id="lblPasarelaNombres" value="NOMBRE: " styleClass="lblForm"  />
                                </p:column>
                                <p:column colspan="2">
                                    <h:outputText id="lblInfNombres" value="#{BKSession.usuario.nombres}" styleClass="lblVer" />
                                </p:column>

                            </p:row>
                            <p:row>
                                <p:column>
                                    <h:outputText id="lblPasarelaApellidos" value="APELLIDOS: " styleClass="lblForm"  />
                                </p:column>
                                <p:column colspan="2">
                                    <h:outputText id="lblInfApellidos"  value="#{BKSession.usuario.apellidos}" styleClass="lblVer" />
                                </p:column>

                            </p:row>    
                            <p:row>
                                <p:column>
                                    <h:outputText id="lblPasarelaRol" value="ROL: " styleClass="lblForm" />
                                </p:column>
                                <p:column colspan="2">
                                    <h:outputText id="lblInfRol" value="#{BKSession.usuario.idRol.nombre}" styleClass="lblVer" />
                                </p:column>

                            </p:row>    
                            <p:row>
                                <p:column>
                                    <h:outputText id="lblLogueoEmpresa" value="EMPRESA(*): " styleClass="lblForm" />
                                </p:column>
                                <p:column>
                                    <p:selectOneMenu  id="cbxEmpresa" label="Empresa" required="true" value="#{BKSession.empresa.id}" 
                                                      panelStyleClass="fondo-solido" 
                                                      requiredMessage="#{message['form.validacion.requerido']}">
                                        <f:selectItems value="#{BKSession.listaEmpresa}"/>
                                        <p:ajax process="@this" listener="#{MBAcceso.seleccionarSede}" update="cbxSede"/>
                                    </p:selectOneMenu>
                                </p:column>
                                <p:column>
                                    <p:message for="cbxEmpresa" display="text"/>
                                </p:column>
                            </p:row>
                            <p:row>
                                <p:column>
                                    <h:outputText id="lblLogueoSede" value="SEDE(*): " styleClass="lblForm" />
                                </p:column>
                                <p:column>
                                    <p:selectOneMenu  id="cbxSede" label="Sede" required="true" value="#{BKSession.sede.id}" 
                                                      panelStyleClass="fondo-solido" 
                                                      requiredMessage="#{message['form.validacion.requerido']}">
                                        <f:selectItems  value="#{BKSession.listaSede}"/>                            	
                                    </p:selectOneMenu>
                                </p:column>
                                <p:column>
                                    <p:message for="cbxSede" display="text"/>
                                </p:column>
                            </p:row>
                            <p:row>
                                <p:column colspan="3">
                                    <center>
                                        <p:commandButton id="btnEntrarHome" type="submit" disabled="#{!BKSession.visible}" value="Entrar" ajax="false" action="#{MBAcceso.entrar}" />
                                        &nbsp;&nbsp;&nbsp;&nbsp;<p:commandButton type="submit" immediate="true" value="Cancelar" ajax="false" action="#{MBAcceso.cerrar}" />
                                    </center>    
                                </p:column>    
                            </p:row>    
                        </p:panelGrid>
                    </p:panel>
                </center>
            </h:form>
        </div>
    </h:body>

</html>    